/*-----  全局  ----*/
*{margin:0px;padding:0px; border-width:0;box-sizing:border-box;}
html{overflow-x:hidden; }
body{font-size:14px;font-family:"Microsoft YaHei";}
a,a:visited{text-decoration:none;color:#333333;}
a:hover,a:active{text-decoration:none;color:#018fd7;}
ul li{list-style:none;}
/*通用*/
/*通用*/
#content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.w1200{ width:1200px; margin:0 auto; height:auto; position:relative}
.w722{ width:722px; margin:0 auto;}
.mt20{ margin-top:20px !important;}
.mt30{ margin-top:30px !important;}
.mt50{ margin-top:50px !important;}
.mt70{ margin-top:70px !important;}
.mt80{ margin-top:80px !important;}
.mb20{ margin-bottom:20px !important}
.mb50{ margin-bottom:50px !important}
.mt100{ margin-top:100px}
.mt130{ margin-top:130px !important}
.mt260{ margin-top:260px !important}
.w50%{ width:50%}
.center{ text-align:center}
.join img{ padding:0; margin:0; display:block; vertical-align:top; }

/*头部*/
.head_fixed{ position:fixed; z-index:9; background:#FFF; width:100%; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08); top:0; }
.head{ padding:20px 0 25px 0; height:100px; width:1200px; margin:0 auto;}
.logo{ width:200px; float:left;}
.logo img{ width:100%;}

.head-r{ width:975px; float:right;}

.head-top{ width:100%; color:#666666; height:20px}
.head-top dl{ width:70%; float:left;}
.head-top dt{ width:30%; float:right; text-align:right;}
.head-top dt a:hover{ color:#018fd7;}

.keyword{ height:45px; line-height:45px; width:100%; font-size:16px;}
.keyword a{ color:#666666; letter-spacing:0.27px; }
.keyword a:hover{ color:#018fd7;}

.nav{ width:100%; float:left; margin-top:5px; }
.nav ul{}
.nav ul li:first-child{ padding:0px 40px 0px 0;}
.nav ul li:last-child{ padding:0px 0px 0px 40px;}
.nav ul li{ width:auto; padding:0px 41px 0; float:left; line-height:40px; font-size:18px; position:relative;}
.nav ul li a{ color:#333333; display:block;}
.nav ul li.on a,.nav ul li a:hover{ border-bottom:4px #e52029 solid; color:#018fd7; font-weight:bold;}

/*下拉*/
.nav ul li ul{visibility:hidden; position:absolute; top:45px; z-index:999999; background-color:#fff; left:-10%; box-shadow: 1px 1px 5px #888888; text-align:center; border-radius:3px; padding:3px 0;}
.nav ul li:hover ul{visibility:visible; width:120%;}
.nav ul li:hover ul li{ padding:0;width:100%; }
.nav ul li:hover ul li a{ border-bottom:2px #fff solid; height:35px; line-height:35px; border-bottom:1px #999999 dotted; width:100%; display:block;}
.nav ul li:hover ul li a:hover{ border-bottom:2px #e52029 solid;}

/*轮播*/
.banner{ width:100%; height:400px; overflow:hidden; position:relative; margin-top:120px}
.main_content {width: 1004px;margin: 0 auto 0px;position: relative;zoom: 1;}
.nf_hp_kv {margin: 0 -500px;position: relative;width: 2000px;}
.window {height:400px;overflow: hidden;position: relative;width: 2000px;}
.kv_item {height:400px;overflow: hidden; nax-width:1920px}
.js_nav { left:0;height:6px; text-align:center;width:100%;position: absolute; bottom:30px;}
.js_nav ul{ margin:0 auto; width:940px; text-align:center;}
.js_nav li {height:4px;width:50px; margin:12px; display:inline-block; *display:inline; *zoom:1;}
.js_nav li a {display: inline;float: left;height:4px;overflow: hidden;width: 100%;font-size:0; background:#363636;}
.js_nav li.active a, .js_nav li a:hover {background:#da0c0c}
.btn_prev{ left:0;}
.btn_next{right:0;}
.btn_prev, .btn_next { display:none;}


/*内页轮播*/
.page_banner{ width:100%; height:auto; overflow:hidden; position:relative;  margin-top:120px}
.page_banner .main_content {width: 1004px;margin: 0 auto 0px;position: relative;zoom: 1;}
.page_banner .nf_hp_kv {margin: 0 -500px;position: relative;width: 2000px;}
.page_banner .window {height: 400px;overflow: hidden;position: relative;width: 2000px;}
.page_banner .kv_item {height:400px;overflow: hidden;/*padding: 0 500px;*/position: absolute;width: 100%;}

/*搜索*/
.sousuo{ height:auto; overflow:hidden;}
.ss{ width:50%; float:left; margin-top:20px;}
.ss dl{ width:100px; float:left; font-size:16px; color:#333333; line-height:40px; text-align:center;}
.ss form{ width:498px; height:38px; float:right; border-radius:3px; border:1px #cecece solid;}

input{ height:38px; line-height:38px; background:none; padding-left:10px; width:90%; float:left;}
button{ width:38px; height:38px; float:right; background:none; cursor:pointer;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ /*WebKit browsers*/
font-size:16px; line-height:38px; color:#333333;
}
input::-moz-input-placeholder,textarea::-webkit-input-placeholder{ /*Mozilla Firefox*/
font-size:16px; line-height:38px; color:#333333;
}
input::-ms-input-placeholder,textarea::-webkit-input-placeholder{ /*Internet Explorer*/ 
font-size:16px; line-height:38px; color:#f333333ff;
}

input:focus,textarea:focus{
outline: none ;
}


/*服务项目*/
.xiangmu{ padding:20px 0; height:auto;}
.xiangmu ul{ width:100%;}
.xiangmu ul li{ width:230px; float:left; margin-right:12px; margin-bottom:10px; border:1px #e5e5e5 solid; border-radius:10px; padding-top:30px;}
.xiangmu ul li:hover{box-shadow:-1px -3px 25px #018fd7; color:#018fd7 !important}
.xiangmu ul li:nth-child(5n){ float:right; margin-right:0;}
.xiangmu ul li dl{ width:80px; margin:0 auto; height:80px; overflow:hidden;}
.xiangmu ul li dl img{ width:100%; -webkit-transition : 0.3s ease 0s;}
.xiangmu ul li:hover img{-webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition : 0.3s ease 0s;
    transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transition: transform 1s;
    -moz-transition: transform 1s;
    -webkit-transition: transform 1s;
    -o-transition: transform 1s;

}
.xiangmu ul li dt{ font-size:20px; color:#333333; line-height:30px; font-weight:bold; padding:20px; text-align:center;}
.xiangmu ul li dd{ font-size:14px; color:#4c4c4c; padding:0 20px; line-height:30px; height:166px; text-align: justify;
}
.xiangmu ul li .more{ padding:20px; line-height:25px; font-size:14px; color:#006cb9; width:100px; overflow:hidden; position:relative;}
.xiangmu ul li .more dl{ width:18px; position: absolute; right:0; top:23px; overflow:hidden;}
.xiangmu ul li .more dl img{ width:16px; transition:all .3s; filter: drop-shadow(-18px 0 #f08300); -webkit-filter: drop-shadow(-18px 0 #f08300); position:absolute; right:0;}
.xiangmu ul li:hover .more dl img{filter: drop-shadow(-18px 0 #f08300); -webkit-filter: drop-shadow(-18px 0 #f08300);transition:all .3s; position:absolute; right:-18px;}
.xiangmu ul li dd:hover{color:#018fd7}
.xiangmu ul li dt:hover{color:#018fd7}

/**/
.title{ width:100%; height:80px; overflow:hidden; position:relative;}
.title dl{ position: absolute; z-index:1; font-size:38px;  color:#ededed; font-weight:bold; float:left; line-height:80px; text-transform:uppercase;



}
.title dt{ font-size:32px; font-weight:bold; color:#018fd7; height:55px; position: absolute; z-index:5; float:left;}
.title dt:after{content:''; width:60px; height:4px; background-color:#e52029; position:absolute; bottom:0; left:0;}
.title dd{ float:right; font-size:16px; margin-top:35px;}


/*推荐产品*/
.product{ height:auto; overflow:hidden; padding-top:20px;}
.product ul{}
.product ul li{ width:285px; height:auto; overflow:hidden; text-align:center; float:left; margin-right:20px; margin-bottom:10px; position:relative}
.product ul li:nth-child(4n){ float:right; margin-right:0;}
.product ul li dl{ width:100%; height:285px; overflow:hidden;}
.product ul li dl img{ width:100%; -webkit-transition : 0.3s ease 0s;


}
.product ul li dl:before {
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    transform: rotate(-90deg);
    transform-origin: left bottom;
    transition: 0.5s;
    z-index: 2;
	background:url(../images/jia.png) rgba(1, 143, 215, 0.8) center no-repeat;
}
.product ul li dl:hover:before {
    transform: rotate(0deg);
    transition: 0.5s;
}

.product ul li dl:before, .product ul li dl a:after {
    content: '';
    position: absolute;
}
.product ul li:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);     transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transition: transform 1s;
    -moz-transition: transform 1s;
    -webkit-transition: transform 1s;
    -o-transition: transform 1s;}
.product ul li dt{ font-size:16px; line-height:50px;}

/*案例*/
.case{ margin-top:10px; overflow:hidden;}
.case ul{}
.case ul li{ width:590px; float:left; margin-bottom:0px;}
.case ul li:nth-child(2n){ float:right;}
.case ul li dl{ width:285px; height:230px; overflow:hidden; float:left;}
.case ul li dl img{ width:100%; -webkit-transition : 0.3s ease 0s;}
.case ul li:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.case ul li dt{ width:290px; float:right; font-size:20px; font-weight:bold; line-height:50px;}
.case ul li dd{ width:290px; float:right; font-size:14px; line-height:25px;}


/*新闻资讯*/
.news{overflow:hidden; margin-top:0px;}
.news ul.fl{width:575px; float:left;}
.news ul.fl li{ width:575px; float:left; margin-bottom:20px; border-bottom:1px #e5e5e5 solid; padding-bottom:20px;}
.news ul.fl li dl{ width:180px; height:120px; overflow:hidden; float:left;}
.news ul.fl li dl img{ width:100%; -webkit-transition : 0.3s ease 0s;}
.news ul.fl li:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.news ul.fl li dt{ width:375px; float:right; font-size:18px; font-weight:bold; line-height:35px;text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;}
.news ul.fl li dt p{ font-size:14px; font-weight:normal; width:100%; line-height:25px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;}
.news ul.fl li dd{ width:375px; float:right; font-size:14px; line-height:25px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;}
.news ul.fr{ width:575px; float:right; padding-top:3px;}
.news ul.fr li{ width:575px; float:left; margin-bottom:10px; border-bottom:1px #e5e5e5 solid; padding-bottom:10px;}
.news ul.fr li dt{ width:100%; float:right; font-size:18px; font-weight:bold; line-height:34px;  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;}
.news ul.fr li dd{ width:100%; float:right; font-size:14px; line-height:25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}

/*优势*/
.youshi{ height:auto; overflow:hidden; background:url(../images/ysbg.jpg) no-repeat center top; padding-bottom:50px; margin-top:20px;}
.youshi .title{ text-align:center;}
.youshi .title dl{ font-size:40px;}
.youshi .title dl,.youshi .title dt{ width:100%;}
.youshi .title dt:after{content:''; width:60px; height:4px; background-color:#e52029; position:absolute; left:50%; margin-left:-30px; bottom:0;}
.youshi .fl{ float:left;}
.youshi .fr{ float:right;}
.ys1{ height:260px;}
.ys1 .text{ width:50%; margin-top:50px;}
.ys1 .text dl{ float:left; width:67px; height:100px; margin-right:10px;}
.ys1 .text dl img{ width:100%;}
.ys1 .text dt{ font-size:26px; font-weight:bold; color:#018fd7; line-height:70px; margin-top:10px; width:480px; float:left;}
.ys1 .text dd{ width:480px; float:left; line-height:25px;}
.ys1 .text dd span{ font-size:14px; font-weight:bold;}
.ys1 .img{ width:580px; position:relative;}
.ys1 .img dl{ position:absolute; z-index:1; left:0; top:25px;}
.ys1 .img dt{ position:absolute; z-index:5; right:0;}
.ys1 .img1{ width:580px; position:relative;}
.ys1 .img1 dl{ position:absolute; z-index:1; left:0; top:25px;}
.ys1 .img1 dt{ position:absolute; z-index:5; right:0;}
.ys2 .img2{ width:580px; position:relative;}
.ys2 .img2 dl{ position:absolute; z-index:1; left:0px;  top:25px;}
.ys2 .img2 dt{ position:absolute; z-index:5; left:220px; top:105px;}
.ys2 .img2 dd{ position:absolute; z-index:1; left:325px; top:35px;}
.ys3 .img3{ width:580px; position:relative;}
.ys3 .img3 dl{ position:absolute; z-index:1; left:0px; top:25px;}
.ys3 .img3 dt{ position:absolute; z-index:5; left:205px; top:0px;}
.ys3 .img3 dd{ position:absolute; z-index:1; left:355px; top:87px;}
.ys4 .img4{ width:580px; position:relative;}
.ys4 .img4 dl{ position:absolute; z-index:1; left:0px; top:25px;}
.ys4 .img4 dt{ position:absolute; z-index:5; left:205px; top:0px;}
.ys4 .img4 dd{ position:absolute; z-index:1; left:355px; top:87px;}


/*关于*/
.about{height:auto; overflow:hidden; background:url(../images/about1.png) no-repeat center top; padding-top:50px; padding-bottom:50px;}
.about .title2{ width:100%; height:auto; overflow:hidden; margin-bottom:40px; text-align:center; color:#fff;}
.about .title2 dl{ width:100%; font-size:32px; font-weight:bold; line-height:50px;}
.about .title2 dt{ width:100%; line-height:45px; font-size:16px;}
.about .body{ width:100%; background-color:#fff; border-radius:15px; box-shadow:-1px 15px 25px #e9e9e9; padding:50px; height:auto; overflow:hidden;}
.about .body dl{ width:500px; float:left; overflow:hidden;}
.about .body dl img{ width:100%; -webkit-transition : 0.3s ease 0s;}
.about .body dl:hover img{-webkit-transform: scale(1.05); transform: scale(1.05);}
.about .body dt{ width:560px; float:right; font-size:24px; color:#018fd7; font-weight:bold; line-height:65px;}
.about .body p{ width:560px; float:right; font-size:16px; color:#4c4c4c; line-height:30px;}
.about .body p:nth-of-type(1){ display:block !important}
.about .body p:nth-of-type(2){ display: none}
.about .body dd{width:560px; float:right; line-height:30px;}
.about .body ul{ width:560px; float:right; padding-top:30px;}
.about .body ul li{ width:60px; margin-right:70px; text-align:center; float:left;}
.about .body ul li dl{ width:60px;}
.about .body ul li dl img{ width:100%; -webkit-transition : 0.3s ease 0s;}
.about .body ul li:hover dl img{-webkit-transform: scale(0.95); transform: scale(0.95);}
.about .body ul li dt{ width:100%; font-size:14px; color:#333333; line-height:30px; font-weight:normal;}
.about .honor{ width:100%; height:auto; overflow:hidden;}
.about .honor ul{ width:100%;}
.about .honor ul li{ width:calc(25% - 22px); float:left; margin-right:20px; overflow:hidden; height:330px;}
.about .honor ul li div{ height:285px !important; position:relative; border: 1px solid #e5e5e5; padding:3px}
.about .honor ul li p{ text-align:center; line-height:36px; height:36px}
.about .honor ul li:nth-child(4n){ float:right; margin-right:0;}
.about .honor ul li div img{-webkit-transition : 0.3s ease 0s; 

  display: block;
  max-width: 275px;
  max-height:279px;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.about .honor ul li:hover img{-webkit-transform: scale(1.05); transform: scale(1.05);}
.about .honor ul li a:hover{ color:#F00 !important }
/*合作伙伴*/
.hezuo{ width:100%; height:auto; overflow:hidden; background-color:#f5f5f5; padding-top:30px;}
.hezuo ul{ width:100%; height:auto; overflow:hidden; margin-bottom:14px;}
.hezuo ul dl{ width:75px; height:80px; line-height:80px; float:left; font-size:16px; color:#333333;}
.hezuo ul li{ width:128px; height:80px; float:left; margin-right:14px;}
.hezuo ul li:nth-child(9){ float:right; margin-right:0;}
.hezuo ul li img{ width:100%; -webkit-transition : 0.3s ease 0s;}
.hezuo ul li:hover img{-webkit-transform: scale(1.05); transform: scale(1.05);}
.hezuo ul.yanjiu{ height:50px;}
.hezuo ul.yanjiu dl{ width:75px; height:50px; line-height:50px; float:left; font-size:16px; color:#333333;}
.hezuo ul.yanjiu li{ width:auto; float:left; margin-right:14px; line-height:50px; font-size:16px;}
.hezuo .title2{ width:150px; float:left;}
.hezuo ul.link{ width:1035px; float:right; margin-top:15px;}
.hezuo ul.link li{ width:auto; float:left; margin-right:30px; line-height:30px;}

/*底部*/
.foot{ width:100%; background-color:#202020; padding:50px 0 30px; overflow:hidden; color:#fff;}
.ly{ width:100%; height:auto; overflow:hidden; border-bottom:1px #4c98ce solid; margin-bottom:30px;}
.lytitle{width:100px; font-size:32px; color:#fff; font-weight:bold; float:left;}

.foot .left{ width:384px; float:left;}
.foot .left dl{ width:95px; margin-bottom:20px; float:left;}
.foot .left dl img{ width:100%; -webkit-transition : 0.3s ease 0s;}
.foot .left dt{ font-size:22px; color:#fff; font-weight:bold; line-height:50px; float:left; margin-left:15px;}
.foot .left p{ width:100%; overflow:hidden; font-size:14px; line-height:25px;}
.foot .left dd{ font-size:34px; line-height:80px; margin-top:10px;}
.foot .left .contact1{ width:118px; height:38px; line-height:38px; text-align:center; border:1px #fff solid;}
.foot .left .contact1 a{ color:#ededed;}
.foot .bigclass{ width:120px; float:left; font-size:14px; color:#fff; margin-left:80px;}
.foot .bigclass dl{ font-size:20px; font-weight:bold; line-height:50px;}
.foot .bigclass dt a{ font-size:14px; color:#ededed; line-height:40px;}
.foot .bigclass dt a:hover{ color:#cccccc}
.foot .lx{ width:285px}
.foot .lx dl{ font-size:20px; font-weight:bold; line-height:50px; margin-bottom:10px;}
.foot .lx dt{ font-size:14px; color:#ededed; height:40px;}
.foot .right{ width:220px; float:right;}
.foot .right .img{ width:100%;}
.foot .right .img dl{ width:100px; height:70px; margin:5px; float:left;}
.foot .right .img dl img{ width:100%;}
.foot .right .fr{ width:220px; float:right; margin-top:20px;}
.foot .right .fr dl{ width:90px; text-align:center; line-height:20px; color:#ededed; float:left; margin:5px; font-size:12px;}
.foot .right .fr dl img{ width:100%;}
.foot .right .fr dl:nth-child(2n){ float:right;}
.copyright{ overflow:hidden; color:#969696; font-size:12px; margin-top:20px;}
.copyright a{ color:#969696;}
.copyright a:hover{ color:#fff;}
.copyright .copy{ float:left;}
.copyright .menu{ float:right;}
.copyright .menu a{ font-size:14px; margin-left:30px;}

/*内页联系*/
.contactus{ background-color:#F8F8F8; height:auto; overflow:hidden; padding:30px 30px 46px 30px}
/*.contactus .left{ width:50%; float:left; padding:40px 35px 0 30px;}*/
.contactus .left{ width:calc(50% - 35px); float:left; padding:40px 35px 0 30px;}
.contactus .left:nth-child(2n){ float:right; padding:40px 0px 0 0px;}
.contactus .left dl{ font-size:26px; color:#000; font-weight:bold; position:relative; margin-bottom:20px; line-height:30px; height: auto; clear:both; width:100%}
.contactus .left dl span{ font-size:12px; color:#000; font-weight:100; position:relative; clear:both;}
.contactus .left dl:after{content:''; width:100%; height:1px; background-color:#DBDBDB; position:absolute; left:0; bottom:0;}
.contactus .left dt{ font-size:16px; color:#333; line-height:30px; margin-top:40px;}
.contactus .left dd{ margin-top:40px;}
.contactus .left dd a{ color:#fff; font-size:14px; -webkit-transition:0.3s ease 0s;}
.contactus .left dd a:hover{ color:#DCDCDC; -webkit-transition:0.3s ease 0s;}
.contactus .right{ width:50%; float:right; height: auto; overflow:hidden;}
.contactus .right img{ width:100%; -webkit-transition:0.3s ease 0s;}
.contactus .right:hover img{-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition : 0.3s ease 0s;}


.contactus_youshi{ padding:0px 0 0px 0; overflow:hidden;}
.contactus_youshi ul{ width:100%; height:auto; display:block;}
.contactus_youshi ul li{ width:100%; float:left; line-height:34px; font-size:16px; color:#333}
.contactus_youshi ul li img{ margin-right:10px; vertical-align: middle}